<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>之嗅交友站-基于兴趣的单身交友平台，结识同好，找到你的臭（xiù）味相投公平，自由，健康，免费</title>
<link href="css/columns.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/public.js"></script>
</head>

<body>

<!--[if lt IE 9]>
<script type="text/javascript" src="js/PIE.js"></script>
<![endif]--> 

<!--header-->
<div class="header">
      <div class="warpper">
            <div class="left"> <a href="#" title="之嗅交友站"><img src="images/small_logo.jpg" width="120" height="39" alt="之嗅交友站" class="logo"/></a>
                  <ul>
                        <li><a href="#" title="个人中心" class="hover">个人中心</a></li>
                        <li><a href="#" title="我的空间">我的空间</a></li>
                        <li><a href="#" title="查找朋友">查找朋友</a></li>
                  </ul>
            </div>
            <div class="right">
                  <ul>
                        <li><span class="user">你好，用户名！</span></li>
                        <li>收信箱<span class="letters_num">（<a href="#" title="2">2</a>）</span></li>
                        <li><span class="set">个人设置</span>
                        <!--[if IE 6]><iframe></iframe><![endif]-->
                              <ul>
                                    <li><a href="#" title="标签管理">标签管理</a></li>
                                    <li><a href="#" title="排斥标签">排斥标签</a></li>
                                    <li><a href="#" title="添加照片">添加照片</a></li>
                                    <li><a href="#" title="写新日志">写新日志</a></li>
                                    <li><a href="#" title="定义资料">定义资料</a></li>
                                    <li><a href="#" title="个人介绍">个人介绍</a></li>
                              </ul>
                        </li>
                        <li><span class="out"><a href="#" title="退出">退出</a></span></li>
                  </ul>
            </div>
      </div>
</div>

<!--header-->
<div class="warpper">
      <div class="container">
            <div class="sideBar">
                  <h3>个人中心</h3>
                  <ul>
                        <li><a href="#" title="收信箱">收信箱</a></li>
                        <li><a href="#" title="发信箱">发信箱</a></li>
                  </ul>
                  <ul>
                        <li><a href="#" title="标签管理">标签管理</a></li>
                        <li><a href="#" title="排斥标签">排斥标签</a></li>
                  </ul>
                  <ul>
                        <li><a href="#" title="照片管理">照片管理</a></li>
                        <li><a href="#" title="日志管理">日志管理</a></li>
                  </ul>
                  <ul>
                        <li><a href="#" title="个人介绍">个人介绍</a></li>
                        <li><a href="#" title="定义资料">定义资料</a></li>
                  </ul>
                  <ul>
                        <li><a href="#" title="基本资料">基本资料</a></li>
                        <li><a href="#" title="修改密码" class="hover">修改密码</a></li>
                        <li><a href="#" title="更改邮箱">更改邮箱</a></li>
                  </ul>
                  <ul>
                        <li><a href="#" title="设置">设置</a></li>
                  </ul>
            </div>
            <div class="content">
                  <div class="title">
                        <h3>修改密码</h3>
                        <ul>
                              <li><a href="#" title="基本资料">基本资料</a></li>
                              <li class="current"><a href="#" title="修改密码">修改密码</a></li>
                              <li><a href="#" title="更改邮箱">更改邮箱</a></li>
                        </ul>
                  </div>
                  <div class="main_content">
                        <div class="set_mail">
                              <div class="set_list">
                              	<label>当前密码：</label><input type="text" name="old_pass" /><p class="false">× 输入错误，请重新输入</p>
                              </div>
                              <div class="set_list">
                              	<label>新密码：</label><input type="text" name="new_pass" /><p class="true">√ 输入正确</p>
                              </div>
                              <div class="set_list">
                              	<label>确认新密码：</label><input type="password" name="password" /><p class="false">× 输入错误，两次密码不相同</p>
                              </div>
                              <div class="set_but">
                              	<input type="button" value="修改" />
                              </div>
                        </div>
                  </div>
            </div>
      </div>
</div>

<!--footer-->
<div class="warpper">
      <div class="footer">
            <div class="bottom">
                  <div class="leftbar">
                        <ul class="left">
                              <li><img src="images/about.jpg" width="22" height="22" align='absmiddle' alt="关于我们"/><a href="#" title="关于我们">关于我们</a></li>
                              <li><img src="images/job.jpg" width="22" height="22" align='absmiddle' alt="工作机会"/><a href="#" title="工作机会">工作机会</a></li>
                              <li><img src="images/pay.jpg" width="22" height="22" align='absmiddle' alt="购买指南"/><a href="#" title="购买指南">购买指南</a></li>
                              <li><img src="images/email.jpg" width="22" height="22" align='absmiddle' alt="联系我们"/><a href="#" title="联系我们">联系我们</a></li>
                              <li><img src="images/media.jpg" width="22" height="22" align='absmiddle' alt="媒体推广"/><a href="#" title="媒体推广">媒体推广</a></li>
                              <li><img src="images/question.jpg" width="22" height="22" align='absmiddle' alt="常见问题"/><a href="#" title="常见问题">常见问题</a></li>
                        </ul>
                  </div>
                  <div class="rightbar">
                        <ul class="right">
                              <li><img src="images/doudou.jpg" width="22" height="22" align='absmiddle' alt="创业故事"/><a href="#" title="创业故事">创业故事</a></li>
                              <li><img src="images/renren.jpg" width="22" height="22" align='absmiddle' alt="人人主页"/><a href="#" title="人人主页">人人主页</a></li>
                              <li><img src="images/QQ.jpg" width="22" height="22" align='absmiddle' alt="QQ群"/><a href="#" title="群：221932163">群：221932163</a></li>
                              <li><img src="images/sina.jpg" width="22" height="22" align='absmiddle' alt="新浪微博"/><a href="#" title="新浪微博">新浪微博</a></li>
                              <li><img src="images/tencent.jpg" width="22" height="22" align='absmiddle' alt="腾讯微博"/><a href="#" title="腾讯微博">腾讯微博</a></li>
                              <li><img src="images/dian.jpg" width="22" height="22" align='absmiddle' alt="名片展示"/><a href="#" title="名片展示">名片展示</a></li>
                        </ul>
                  </div>
            </div>
            <div class="copyright">CopyRight &copy; 2012 EddyCity All Rights Reserved.京ICP证12005349 </div>
      </div>
</div>
</body>
</html>
